/* change these styles if you like */
table.drasticgrid {font: 12px arial; table-layout: fixed;}
th.th			{background-image: url(../img/back_header.jpg); cursor: pointer;} 
th.thmouseover	{background-image: url(../img/back_header_mo.jpg); color: black;}
/* If you want to use different backgrounds for readonly / editable use this:
th.thmouseover.readonly	{background-image: url(../img/back_header_mo.jpg);}
th.thmouseover.editable	{background-image: url(../img/back_header_mo_editable.jpg);}
*/
tr				{color: #505050; margin: 0pt; padding: 0pt; cursor: default;}
tr.tdeven		{background: #ffffff;}
tr.tdodd		{background: #F9F9F9;}
tr.rowmouseover	{background: #E5EAFF; color: black;}
tr.rowselected	{background: #CCD5FF; color: black; font-weight: bolder;}
td.divdel		{background: #FFFFFF;}
/*
td.ddtd			{vertical-align:top;
				border-width: 1px 1px 0 0;
				border-color: transparent;				
				border-style: solid;
				margin: 0;
				padding: 1px;}
td.ddtdleft		{border-left: transparent solid 1px}
td.ddtdbottom	{border-bottom: transparent solid 1px}
*/
img.imgdel		{background: #ffffff;}
img.imgadd		{cursor: pointer;}
textarea.ddtypetext {background: transparent; color: #505050; font: 12px arial; border-style: none;}
textarea.ddtypetextedit {background: white; color: #505050; font: 12px arial; border-style: solid; border-width: 1px; border-color: #D3D3D3;}
input {background: white; color: #505050; font: 12px arial;}
input.inset {border-style: solid; border-width: 1px; border-color: #D3D3D3;}
select {background: white; color: #505050; font: 12px arial; border-style: solid; border-width: 1px; border-color: #D3D3D3;}

div.tddiv {position: relative;}
div.divth {position: relative;}
img.imgedit {position: absolute; right:0px; top:0px; z-index:1; cursor: pointer;}

.divth {overflow: hidden; white-space: nowrap; text-align: left;}
.divtd {overflow: hidden; white-space: nowrap; margin: 0pt; padding: 0pt;}

/* For slider */
td#colslider.visible {border: #A8C1DA solid 1px;}
div.slider  {width: 16px; background: #eee;}
div.knob, div.up, div.down {width: 12px; background: lightgrey; border: #A8C1DA solid 1px;}
div.knobmouseover, div.upmouseover, div.downmouseover {background: #B5B5B5; border: #6C7B89 solid 1px;}
div.up {margin: 0 0 1px 0}
div.down {margin: 1px 0 0 0}
div#tick {font-weight:bold; position: absolute; cursor: default;}